<div style="width:500px;height:500px;border:1px solid black;">
	<canvas id="container" width="400" height="500"></canvas>
</div>
<div style="width:500px;height:500px;border:1px solid black;">
	<canvas id="container2" width="600" height="600"></canvas>
</div>
<script type="text/javascript" src="pie.js"></script>
<script>
	var data = [
			{
				value:5,
				outText:'bike',
				fillStyle:'#aaa990',
				lineStyle:'red',
				innerWordStyle:'black',
				outWordStyle:'green',
			},
			{
				value:10,
				outText:'Ebike',
				fillStyle:'#ffa30a',
				lineStyle:'red',
				innerWordStyle:'yellow',
				outWordStyle:'green',
			},
		 ]
		 var data2 = [
			{
				value:5,
				outText:'bike',
				fillStyle:'#aaa990',
				lineStyle:'red',
				innerWordStyle:'green',
				outWordStyle:'green',
			},
			{
				value:10,
				outText:'Ebike',
				fillStyle:'#ff030a',
				lineStyle:'red',
				innerWordStyle:'red',
				outWordStyle:'green',
			},
		 ]

	 
	pie = new Pie('container',data);
	pie.drawPie();
	pie = new Pie('container2',data2);
	pie.drawPie();
	
</script>
